﻿*{
	margin:0 auto;
	padding:0px;
	font-family:Microsoft YaHei,"微软雅黑",Arial,Helvetica,sans-serif;
	}
/*--左边--*/

/*--头图标栏--*/
#head{
	width:100%;
	height:76px;
	}

.headcontent{
	width:1000px;
	height:76px;
	}

.headleft{
	width:345px;
	float:left;
	height:76px;
	background:url(../images/title.jpg) no-repeat;
	} 


/*--图标下导航栏--*/
#nav{
	width:100%;
	height:45px;
	background:#4184BB;
	}
.nav{
	width:1200px;
	height:45px;
	}
.navcontent{
	width:1000px;
	height:45px;
	}
.navcontent ul{
	list-style:none;
	}
.navcontent ul li{
	float:left;
	width:160px;
	height:45px;
	text-align:center;
	color:#FFF;
	line-height:45px;
	font-size:16px;
	}
.navcontent ul li a{
	width:160px;
	height:45px;
	color:#FFF;
	display:block;
	letter-spacing:2px;
	text-decoration:none;
	}
.navcontent ul li a:hover{
	background:#336691;
	color:#FFF;
	}
.navactive{
	background:#336691;
	}
.backline{
	border-right:1px solid #639BC9;
	}
/*list*/
/*--左右两边背景--*/
#contentbg{
	background:#BFDFFF;
	}

/*---组件列表---*/
#content{
	width:1000px;
	height:730px;
	margin-top:20px;
	}
.contentleft{
	width:260px;
	height:730px;
	float:left;
	}
.cpzx{
	width:100%;
	height:300px;
	}
.cptitle{
	width:260px;
	height:40px;
	background:url(../images/p.jpg) no-repeat;
    }
.cptitle  a{
	width:260px;
	height:40px;
	display:block;
	}
.cplist{
	width:90%;
	height:260px;
    }
.cplist ul{
	list-style:none;
	}
.cplist ul li{
	width:234px;
	height:35px;
	}
.cplist ul li a{
	width:234px;
	height:35px;
	float:left;
	display:block;
	line-height:35px;
	text-decoration:none;
	text-align:left;
	color:#444444 ;
	background:url(../images/item.png) no-repeat;
	text-indent:1em;
	margin-left:5px;
	border-bottom:1px solid #666;
	letter-spacing:2px;
	}

/*联系我们*/
.lxwm{
	width:260px;
	height:162px;
	margin-top:10px;
	}
.lxwmtitle{
	width:260px;
	height:40px;
	background:url(../images/contact.jpg) no-repeat;
	}
.lxwmcon{
	width:240px;
	height:100px;
	margin-top:10px;
	}
.lxwmcon  p{
	font-size:13px;
	color:#444;
	height:22px;
	line-height:22px;
	}
.contact{
	width:260px;
	height:162px;
	margin-top:10px;
	}
.contactbar{
	width:260px;
	height:40px;
	background:url(../images/position.jpg) no-repeat;
	margin-bottom:10px;
	}
.contact a{
	width:230px;
	height:145px;
	display:block;
	border:8px solid #fff;
	background:url(../images/map.jpg) no-repeat;
	overflow:hidden;
	position:relative;
	text-decoration:none;
	}
.contact a:hover{
	border:8px solid #406bca;
	}
.contact a img{
	width:41px;
	height:41px;
	margin-left:94px;
	border:none;
	}
.zoom{
    border:none;
	position:relative;
	margin-top:-50px;
  }
 .maplink{
	width:100%;
	height:20px;
	color:#fff;
	font-size:12px;
	position:absolute;
	bottom:0px;
	left:0px;
	text-align:center;
	line-height:28px;
	background:#406bca;
	display:none;
	}
.contact span{
	width:90%;
	display:block;
	font-size:14px;
	color:#444444 ;
	height:30px;
	line-height:30px;
	}
#footer{
	width:100%;
	height:100px;
	background:url(../images/footerbg.jpg) repeat-x;
	}
.footercontent{
	width:1000px;
	heigh:100px;
	}
.footerleft{
	width:300px;
	float:left;
	text-align:left;
	}
.footerpic{
	width:280px;
	height:50px;
	background:url(../images/footerpic.png) no-repeat;
	}
.footerleft  p{
	color:#fff;
	line-height:26px;
	font-size:14px;
	}
.footerright{
width:700px;
height:70px;
float:right;
margin-top:20px;
	}
.footerright{
    font-size:15px;
	color:#fff;
	text-align:center;
	line-height:30px;
	}
#top{
	position:fixed;
	bottom:100px;
	right:50px;
	width:40px;
	height:40px;
	display:none;
	cursor:pointer;
	background:url(../images/top.png) no-repeat;
}
/*about us*/
.aboutusbg{
	width:1000px;
	height:200px;
	background:url(../images/bj1.png) no-repeat;
	}
.contentright{
	width:700px;
	height:530px;
	float:right;
	}
#xmjj{
	width:700px;
	height:700px;
	}
#gsjs img{
	width:300px;
	height:200px;
	margin-top:10px;
	margin-left:30px;
	}
.xmjjtext{
	width:660px;
	height:224px;
	}
#gsjs h2{
	width:700px;
	height:40px;
	background:url(../images/aboutus.jpg) no-repeat;
	}
.xmjjtext p{
	font-size:16px;
	text-indent:2em;
	line-height:23px;
	color:#444;
	}
.xmjjtext span{
	width;660px;
	text-align:right;
	height:30px;
	display:block;
	color:#444;
	}
/*procduct*/
#pcontent{
	width:1000px;
	height:1230px;
	margin-top:20px;
	}
.pcontentright{
	width:700px;
	height:1030px;
	float:right;
	}
#product{
	width:700px;
}
.producttitle{
	width:700px;
	height:40px;
	background:url(../images/protitle.jpg) no-repeat;
	}
.productimg{
	width:200px;
	height:150px;
	float:left;
	}
.productcon{
	width:700px;
	height:150px;
	margin-top:10px;
	border-bottom:1px solid #888;
	}
.productjs{
	float:left;
	width:500px;
	height:150px;
	}
.jsname{
   font-size:15px;
   width:500px;
   height:23px;
   color:#444;
   line-height:23px;
	}
.jsname span{
	width:100px;
	height:23px;
	color:#3557A1;
	font-size:16px;
	}
.jcjs{
	width:500px;
	height:85px;
	}
.jcjs span{
	width:80px;
	height:85px;
	float:left;
	display:block;
	color:#3557A1;
	font-size:16px;
	}
.jcjs p{
	width:400px;
	height:85px;
	float:left;
	font-size:13px;
	color:#444;
	}
.usage{
	width:500px;
	height:30px;
	}
.usage span{
	width:80px;
	height:30px;
	float:left;
	display:block;
	line-height:30px;
	color:#3557A1;
	font-size:16px;
	}
.usage p{
	font-size:13px;
	line-height:30px;
	height:30px;
	color:#444;
	}
/*xgjs*/
#jszx{
	width:700px;
	height:500px;
	}
.jszxtitle{
	width:700px;
	height:40px;
	background:url(../images/jszx.jpg) no-repeat;
	}
#jszx div p{
    width:330px;
	height:40px;
	float:left;
	}
.listcon  div{
	width:660px;
	height:40px;
	color:#444;
	font-size:14px;
	background:url(../images/ico.jpg) no-repeat;
	text-indent:20px;
	border-bottom:1px solid #bbb;
	}
.listcon div  p a{
	text-decoration:none;
	font-size:14px;
	color:#444;
	line-height:40px;
	}
.listcon  div p a:hover{
	color:#000;
	}
.listcon div span{
	float:right;
	width:100px;
	height:40px;
	display:block;
	line-height:40px;
	}
.listcon{
	margin-top:20px;
	}
.jszxxx{
	text-align:center;
	margin-top:20px;
	}
.jszxxx a{
	text-decoration:none;
	color:#444;
	}
.newscon{
	margin-top:20px;
	width:660px;
	height:auto;
	}
.newtitle{
	width:660px;
	text-align:center;
	color:#3557A1;
	font-size:15px;
	font-weight:bold;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #bbb;
	}
.newscon p{
margin-top:20px;
	width:660px;
	height:auto;
	text-indent:2em;
	LINE-HEIGHT: 150%;
	color:#444;
	font-size:14px;
	}
.newsxx p{
	width:330px;
	text-align:center;
	float:left;
	height:30px;
	font-size:15px;
	margin-top:20px;
}
.newsxx a{
	text-decoration:none;
	color:#3557A1;
}
.newsxx a:hover{
text-decoration:underline;
	}

#lxus{
	width:700px;
	height:auto;
	}
.lxusbg{
	width:700px;
	height:40px;
	background:url(../images/ctbg.jpg) no-repeat;
	}
